<template>
  <el-aside style="width:200px;">
    <el-menu class="main-menu"
             @select="select"
             :collapse="isCollapse"
             unique-opened
             background-color="#324157"
             text-color="#fff"
             active-text-color="#20a0ff">
      <li class="header"
          @click="toggleMenu"><i class="el-icon-menu"
           style="font-size:16px;"></i>{{ menuName }}</li>

    </el-menu>
  </el-aside>
</template>
<script>
export default {
  data () {
    return {
      menuName: '',
      isCollapse: false
    }
  },
  methods: {
    select () {

    },
    toggleMenu () {

    }

  }
}
</script>
<style lang="less" scoped>
.el-aside {
  background-color: #324157;
}
// .el-menu {
//   background-color: #324157;
//   height: 100%;
//   width: 200px;
//   .header {
//     height: 35.6px;
//     background-color: #1f2d3d;
//     color: #fff;
//     font-size: 14px;
//     line-height: 35px;
//     text-align: center;
//     cursor: pointer;
//   }
// }
</style>
